<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
		<meta name="renderer" content="webkit"/>
		<meta name="force-rendering" content="webkit"/>
		<title>我的笔记</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/popup.css"/>
		<script src="js/config.js"></script>
		<script src="js/jquery-1.8.1.min.js"></script>
		<style>
			body{
					-moz-user-select:none;/*火狐*/
					-webkit-user-select:none;/*webkit浏览器*/
					-ms-user-select:none;/*IE10*/
					-khtml-user-select:none;/*早期浏览器*/
					user-select:none;
			}
	</style>
	</head>
	<body class="bodybg">
		<div class="category-wrapper wodebiji-cont">
				<div class="hotbox category-cells">
					<ul class="kecheng-cells">
						<li class="d-f j-c-s a-c-c">
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img product-img2"/>
								<div class="hotbox-label">
									<div class="spsc spsc2 d-f a-c-c">
										<img src="img/wode/icon_biji_bo.png" class="spsc-icon"/>
										<span class="spsc-num">15:19</span>
									</div>
								</div>
							</div>
							<div class="keshi-xq flex1">
								<p class="product-title">标题标题标题标题标题标题标题标题</p>
								<div class="product-leibie">
									<span>12个笔记</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="biji-shengyin d-f a-c-c j-c-s">
					<div class="shengyin-jindutiao flex1">
						<div class="jindutiao-progress d-f a-c-c">
							<span class="progress-bar"></span>
						</div>
						<div class="jindu-shijian d-f a-c-c j-c-s">
							<span>00:00</span>
							<span>15:09</span>
						</div>
					</div>
					<div class="shengyin-btn">
						<img src="img/wode/icon_biji_bofangn.png" />
					</div>
				</div>
				<div class="wodebiji-cells">
					<div class="wodebiji-cell-list d-f">
						<img src="img/wode/icon_biji_biaoqian.png" class="biaoqian-icon" />
						<div class="wodebiji-list-text flex1">
							这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容；这里是笔记内容，这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容；这里是笔记内容这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容这里是笔记内容这里是笔记内容；这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容这里是笔记内容。
						</div>
					</div>
					<div class="wodebiji-cell-list d-f">
						<img src="img/wode/icon_biji_biaoqian.png" class="biaoqian-icon" />
						<div class="wodebiji-list-text flex1">
							这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容；这里是笔记内容，这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容；这里是笔记内容这里是笔记内容这里是笔记内容，
						</div>
					</div>
					<div class="wodebiji-cell-list d-f">
						<img src="img/wode/icon_biji_biaoqian.png" class="biaoqian-icon" />
						<div class="wodebiji-list-text flex1">
							这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容；这里是笔记内容，这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容；这里是笔记内容这里是笔记内容这里是笔记内容，这里是笔记内容这里是笔记内容这里是笔记内容这里是笔记内容；这里是笔记内容这里是笔记内容
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
